<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>上传图片</title>
    <!-- 上传图片JS-->
    <script type="text/javascript" th:src="${application.staticUrl}+'base/common/jQuery.common.upload.js'"></script>
</head>

<head th:include="frame/fm/res :: bannerCss">
    <script th:inline="JavaScript">
        var bnId = [[${bnId}]];//主键ID
        var table_name = [[${table_name}]];//表名
        var column_name = [[${column_name}]];//字段名称
        var column_nameone = [[${column_nameone}]];//字段名称
        var column_nametwo = [[${column_nametwo}]];//字段名称

        var dataHeight = [[${dataHeight}]];//图片高度
        var dataSize = [[${dataSize}]];//图片大小
        var dataWidth = [[${dataWidth}]];//图片宽度
        var dataNum = [[${dataNum}]];//图片数量
        var typeDir = [[${typeDir}]];//图片数量
        var operatorAdd = [[${operatorAdd}]];//添加操作
        var operatorDel = [[${operatorDel}]];//删除操作

    </script>
</head>
<body>
<!--/Preloader-->
<div class="page-wrapper">
    <div class="container-fluid">
        <span th:replace="frame/fm/res :: breadcrumb"></span>
        <!-- Row -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default card-view">
                    <div id="imgDesDiv" style="padding-bottom:80px;">
                        <!-- 公告图片start -->
                        <input type="hidden" id="privateKeyId"/>
                        <input type="hidden" id="itemId"/>
                        <div class="case" id="ntImgDiv">
                            <div class="upload" id='case' data-id="privateKeyId" data-item-id="itemId"
                                 data-uploadurl="" data-deleteurl=""
                                 data-lookurl="/common/lookUrl" data-tablename="" data-column="" data-size="" data-column1=""
                                 data-column2=""
                                 data-width="" data-height="" data-num="" data-typedir="" data-msg="图片"></div>
                            <!--  保存图片顺序 -->
                            <div id="saveImgSn" onclick="saveImgSn()" style="padding-top:10px;float:right;">
                                <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 140px;">
                                    <i class="icon-plus-addNoticeImgSn"></i>
                                </button>
                            </div>

                            <div id="dataBasePics" onclick="loadTypePics()"
                                 style="padding-top:10px;padding-right:30px;float:right;">
                                <button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 140px;">
                                    <i class="icon-magic-wand-select"></i>
                                </button>
                            </div>

                            <div style="padding-top:10px;padding-right:30px;float:right;">
                                <label>图片类型</label>
                                <select style="height:34px;padding:6px 12px;font-size:14px;" id="picType">
                                    <option value="1">头像图片</option>
                                    <option value="2">按钮图片</option>
                                    <option value="3">Banner图片</option>
                                    <option value="4">分类图片</option>
                                    <option value="5">公告图片</option>
                                    <option value="6">简介图片</option>
                                </select>
                            </div>

                            <div id="pics" style="padding-top:10px;float:left;">
                                <input type="hidden" id="pageNumber" value="1;1"/>
                                <div class="pull-right pagination">
                                    <ul id="ulPic" class="pagination" style="margin: 0px 0;">
                                        <li class="page-pre" style="float:left;"><a
                                                href="javascript:setPageNumber('1')">‹</a></li>
                                        <li class="page-next" style="float:right;"><a
                                                href="javascript:setPageNumber('2')">›</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Row -->
    </div>
</div>
<script type="text/javascript" th:src="${application.staticUrl}+'base/common/upload.js'"></script>
</body>
</html>